<template>
    <h2>ref</h2>
    <p>接受一个内部值，返回一个响应式的、可更改的 ref 对象，此对象只有一个指向其内部值的属性 .value</p>
    <p>ref 对象是可更改的，也就是说你可以为 .value 赋予新的值。它也是响应式的，即所有对 .value 的操作都将被追踪，并且写操作会触发与之相关的副作用。</p>
    <p>如果将一个对象赋值给 ref，那么这个对象将通过 reactive() 转为具有深层次响应式的对象。这也意味着如果对象中包含了嵌套的 ref，它们将被深层地解包。</p>
    <p>{{ count }}</p>
    <button @click="count++">count++</button>




</template>

<script setup lang='ts'>
import { computed, reactive, ref, watch } from 'vue';

const count = ref(0);
function a() {
    console.log('buhui')
}

const count1 = ref(0)

watch(count1, () => { a1 })

const a1 = computed(() => {
    return count1.value * 2;
})
</script>

<style></style>